<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./style.css">
    <title>Document</title>
</head>

<body>
    <main>
        <h1>
            Apple-like Gallery <br>
            <b>slideshow</b>
        </h1>
        <div id="window" class="window">
            <div id="slides" class="slides">
                <img src="./MacBook.jpg" width="920" height="400" alt="">
                <img src="./iphone.jpg" width="920" height="400" alt="">
                <img src="./iMac.jpg" width="920" height="400" alt="">
                <img src="./info.jpg" width="920" height="400" alt="">
            </div>
            <div class="menu">
                <ul>
                    <li class=active>
                        <div class="tran show"></div>
                        <a href="javascript:;">
                            <img src="./thumb_macbook.png" alt="">
                        </a>
                    </li>
                    <li>
                        <div class="tran"></div>
                        <a href="javascript:;">
                            <img src="./thumb_iphone.png" alt="">
                        </a>
                    </li>
                    <li>
                        <div class="tran"></div>
                        <a href="javascript:;">
                            <img src="./thumb_imac.png" alt="">
                        </a>
                    </li>
                    <li>
                        <div class="tran"></div>
                        <a href="javascript:;">
                            <img src="./thumb_about.png" alt="">
                        </a>

                    </li>
                </ul>
            </div>
        </div>
        <p>
            This is my demo <br>
            Call me if you wants more,thanks!
        </p>
    </main>


    <script src="./jquery-3.4.1.js"></script>
    <script src="./main.js"></script>
</body>

</html>